// Layouts for discussion pages
.discussion-user-profile-board {
  .discussion-profile-title {
    margin-bottom: $baseline / 5;
    font-size: $forum-x-large-font-size;
  }

  .discussion-profile-count {
    margin-top: $baseline / 4;
  }

  .discussion-profile-info {
    @include margin-right($baseline);
  }

  .user-name {
    @include margin-right($baseline);

    font-size: $forum-x-large-font-size;
  }

  .user-roles {
    font-size: $forum-small-font-size;
    font-style: italic;
  }
}

.forum-nav {
  @include media-breakpoint-up(md) {
    max-width: 300px;
    width: 25%;
  }
}

.discussion-column {
  flex-grow: 1;  // This column should consume all the available space
  margin-bottom: $baseline;

  @include media-breakpoint-up(md) {
    @include margin-left($baseline);

    min-height: 500px;
    margin-bottom: 0;
    width: 75%;
  }

  .new-post-article {
    margin-top: -$baseline;
  }
}
